<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<link rel="StyleSheet" href="css/jpetstore.css" type="text/css"
		  media="screen" />
	<link rel="StyleSheet" href="${pageContext.request.contextPath}/css/jquery-ui.css" type="text/css"/>
    <link rel="StyleSheet" href="${pageContext.request.contextPath}/css/showInfo.css" type="text/css"/>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="generator"
		  content="HTML Tidy for Linux/x86 (vers 1st November 2002), see www.w3.org" />
	<title>JPetStore</title>
	<meta http-equiv="Cache-Control" content="max-age=0" />
	<meta http-equiv="Cache-Control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
	<meta http-equiv="Pragma" content="no-cache" />

	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

<body>

<div id="Header">

	<div id="Logo">
		<div id="LogoContent">
			<a href="main"><img src="images/logo.gif" /></a>
		</div>
	</div>

	<div id="Menu">
		<div id="MenuContent">
			<a href="viewCart"><img align="middle" name="img_cart" src="images/cart.gif" /></a>
			<img align="middle" src="images/separator.gif" />
			<c:if test="${sessionScope.loginAccount == null}">
				<a href="signonForm">登入</a>
				<img align="middle" src="images/separator.gif" />
			</c:if>
			<c:if test="${sessionScope.loginAccount != null}">
				<a href="signout">登出</a>
				<img align="middle" src="images/separator.gif" />
				<a href="editAccountForm">账户</a> <img align="middle" src="images/separator.gif" />
				<a href="viewHistory">历史</a>
				<img align="middle" src="images/separator.gif" />
			</c:if>
			<a href="help.jsp">帮助</a>
		</div>
	</div>

	<div id="Search">
		<div id="SearchContent">
			<form action="searchProduct" method="post">
				<input id="tags" type="text" name="keyword" size="14" />
				<input type="submit" name="searchProducts" value="搜索" />
			</form>
		</div>
	</div>

	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js" ></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui.js" ></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/autocomplete.js" ></script>

	<div id="QuickLinks">
		<a href="viewCategory?categoryId=FISH">
			<img src="images/sm_fish.gif" />
		</a>
		<img src="images/separator.gif" />
		<a href="viewCategory?categoryId=DOGS">
			<img src="images/sm_dogs.gif" />
		</a>
		<img src="images/separator.gif" />
		<a href="viewCategory?categoryId=REPTILES">
			<img src="images/sm_reptiles.gif" />
		</a>
		<img src="images/separator.gif" />
		<a href="viewCategory?categoryId=CATS">
			<img src="images/sm_cats.gif" />
		</a>
		<img src="images/separator.gif" />
		<a href="viewCategory?categoryId=BIRDS">
			<img src="images/sm_birds.gif" />
		</a>
	</div>

</div>

<div id="Content">